<template>
  <div class="under-development">
    <div class="content">
      <h1>正在开发中</h1>
      <p>敬请期待...</p>
    </div>
  </div>
</template>

<script lang="ts" setup>
// 你的组件逻辑
</script>

<style scoped>
.under-development {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0; /* 背景色 */
  color: #333; /* 文字颜色 */
  font-family: Arial, sans-serif; /* 字体 */
}

.content {
  text-align: center;
  padding: 20px;
  background-color: #fff; /* 内容背景色 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
  border-radius: 8px; /* 圆角 */
  width: 100%;
  height: 100%;
}

.content h1 {
  margin: 0;
  font-size: 2em;
  color: #333;
}

.content p {
  margin: 10px 0 0;
  font-size: 1.2em;
  color: #666;
}
</style>
